<template>
  <el-container >
        <el-header class='fixed w-100'  v-show='isDing=="notInDingTalk" ? pcshow : headershow'><Header></Header></el-header>
        <router-view/>
        
  </el-container>
</template>

<script>
/*component*/
import Header from '@/components/common/header'
/*vuex*/
import { mapGetters }  from 'vuex'
export default {
  name: 'App',
  data(){
    return {
      pcshow:true,
      // headershow:false,
      isDing:'',
    }
    
  },
  components:{
   Header
  },
  created(){

      let isMobile = this.isPC_Mobile() //false 是pc端
      /*判断移动网页还是pc*/
      this.$store.commit("setisMobile",isMobile);
      /*【判断是否是钉钉环境，头部显示*/
      this.isDing = dd.env.platform
      /*判断是否是ie9浏览器，placeholder做兼容*/
      this.browserVision()
      
  },
  methods:{
      
  },
  computed:{
      ...mapGetters(['headershow'])
  },
}
</script>

<style>
@import "./assets/css/public.css";
#app {font-family: 'Avenir', Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;color: #2c3e50;}
/*fixed解决非google下 出现两条滚动条*/
.el-header{text-align: center; line-height: 60px; border-bottom:1px solid #ddd;background:#fff;top:0; z-index: 4; box-shadow: 0 0 10px rgba(0,0,0,0.4); }

.el-card{border-radius:14px;}
/*样式提前重置*/
/*el-dialog*/
.el-dialog__header{text-align: left;}
.el-dialog__body{padding:0 20px; }
.el-dialog__footer{text-align: center;}
/*用户列表 树*/
.userlist-tree .el-tree>.el-tree-node>.el-tree-node__children{overflow-x: auto;overflow-y: hidden;}
.userlist-tree .el-tree-node>.el-tree-node__children{overflow: visible;}
/*角色 树*/
.charEdit .el-tree>.el-tree-node:nth-child(3) .el-tree-node__children .el-tree-node__children .el-tree-node{float: left;}
.charEdit .el-tree>.el-tree-node:not(:nth-child(3)) .el-tree-node__children .el-tree-node{float: left;}
/*登录界面-报错提示*/
.login-body .el-form-item__error{left:58px;}
/*mobile导航 有二级导航的样式设置*/
.mobilenav .el-submenu .el-submenu__title{padding:0 10px;line-height: 42px;}
.mobilenav .el-submenu .el-submenu__title .titlespan{font-size: 0.9em;position: absolute;left:5px;bottom:-5px;right: 5px;}
/*名称规则命名*/
.rule_proName  .el-form-item__content{line-height: 1.2;font-size: 12px;}
/*分页 窄屏幕样式*/
@media only screen and (max-width: 510px) {.el-pagination , .el-pagination span:not([class*=suffix]){display: block;margin: 10px 0;}}
/*左侧导航 active*/
.leftnav .el-menu-item.is-active{outline: 0;background-color: #ecf5ff;border-right:2px solid #13a1ff;}
/*多选框隐藏*/
.copyselect .el-checkbox:last-child{display: none;}
</style>
